<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 给一个link标签，标签内引入cs,href值为{{ url_for('static',filename='css/reset.css') }} -->
    <link rel="stylesheet" href="{{ url_for('static',filename='css/reset.css') }}">
    <!--定义一个div标签，class名为container-->
    <div class="container">
        <!--创建一个id为num的数字输入框和一个类为sign-in的签到按钮， 按钮的值为签到-->
        <input type="number" id="num" placeholder="请输入数字">
        <button class="sign-in" value="签到">签到</button>

        <!--使用const定义提交url接口，地址为'http://127.0.0.1:5001/user?num='-->
        <script>
            const url = 'http://127.0.0.1:5001/user?num=';
            // 点击提交按钮，使用fetch的GET方法请求URL,提交输入框内容拼接地址URL后面
            document.querySelector('.sign-in').onclick = function () {
                fetch(url + document.getElementById('num').value)
                    .then(response => response.json())
                    .then(data => {
                        // 当data.success为true，提示请求成功，并清空id为num的输入框，否则提示请求失败
                        if (data.success) {
                            alert('请求成功');
                            document.getElementById('num').value = '';
                        } else {
                            alert('请求失败');
                        }

                    })
                    .catch(error => console.error(error));
            }

        </script>
    </div>
</head>
<body>

</body>
</html>